﻿@model EventSys.BussinesEntities.Auspiciador

@{
    ViewBag.Title = "Edit";
    Layout = "~/Views/Shared/_Layout.cshtml";
}

<h2>EDITANDO AUSPICIADOR: @Html.DisplayTextFor(mo => mo.RazonSocial)</h2>
<div>
    @if (ViewData["message"] != "")
    {
        <h3>
            <span class="field-validation-error">
                @ViewData["message"]
            </span>
        </h3>
    }
</div>
@using (Html.BeginForm("Edit", "Auspiciador", FormMethod.Post, new { enctype = "multipart/form-data" }))
{
    @Html.ValidationSummary(true)

    <fieldset style="width: 600px; float: left">
        <legend></legend>
        <div class="editor-field" style="width: 600px; font-weight: 300">
            <h3><b>Seleccionar Tipo de Auspiciador:
            @Html.DropDownListFor(model => model.TipoAuspiciador, new SelectList(new List<Object>{ 
                       new { value = 0 , text = "Jurídico"  },
                       new { value = 1 , text = "Natural" },
                    }, "text", "text", 0), new { id = "cbTipoAuspiciador", style = "font-size:16px; color:red; font-weight:800" })</b>  </h3>
        </div>

        @*        <div class="editor-label">
            @Html.HiddenFor(model => model.idAuspiciador)
        </div>*@
        <div class="editor-field">
            @Html.HiddenFor(model => model.idAuspiciador)
        </div>


        <fieldset style="border: inherit; width: 600px" class="juridico" >
            <legend id="legendTipo" style="font-size: 12px">Auspiciador Jurídico</legend>
            <br />

            <div class="editor-field" style="/*width: 280px;*/ line-height: 1px;">
            @Html.Label("Razon Social:",new { id = "rs", style="color:black; font-weight:300", } )
            
                @Html.TextBoxFor(model => model.RazonSocial,
                new { /*style = "width: 280px;",*/ placeholder = "Ingrese Razón Social", id = "razonsocial" })
                @Html.ValidationMessageFor(model => model.RazonSocial)
            </div>

            <br />
            <div class="editor-field" style="line-height: 1px;/*width: 150px*/">
            @Html.Label("RUC:",new { id = "rucdni", style="color:black; font-weight:300", } )

                @Html.TextBoxFor(model => model.RucDni,
                    new { /*style = "width: 150px;",*/ placeholder = "Ingrese Nro. RUC",  id = "ruc_dni",maxlength = "11" })@*minlength = "11", maxlength = "11",*@
                @Html.ValidationMessageFor(model => model.RucDni)
            </div>
        </fieldset>

        <div @*style="float: left"*@>
            <table>
                <tbody>
                    <tr>
                        <td>Direccion:  </td>
                        <td>
                            <div class="editor-field" style="width: 300px;">
                                @Html.TextBoxFor(model => model.Direccion,
                                            new { style = "width: 280px;", placeholder = "Ingrese Dirección" })
                                @Html.ValidationMessageFor(model => model.Direccion, "direccion", "*")
                            </div>
                        </td>
                        <td>Marca:  </td>
                        <td>
                            <div class="editor-field" style="width: 160px;">
                                @Html.TextBoxFor(model => model.Marca,
                                            new { style = "width: 150px;", placeholder = "Ingrese Marca" })
                                @Html.ValidationMessageFor(model => model.Marca)
                            </div>
                        </td>
                        <td></td>
                    </tr>
                    <tr>
                        <td>Pagina Web:
                        </td>
                        <td>
                            <div class="editor-field" style="width: 220px">
                                @Html.TextBoxFor(model => model.PageWeb,
                                            new { style = "width: 200px;", placeholder = "Ingrese Pagina Web" })
                                @Html.ValidationMessageFor(model => model.PageWeb)
                            </div>
                        </td>
                        <td>Telefono:  </td>
                        <td>
                            <div class="editor-field" style="width: 160px;">
                                @Html.TextBoxFor(model => model.Telefono,
                                            new { style = "width: 150px;", placeholder = "Ingrese Teléfono" })
                                @Html.ValidationMessageFor(model => model.Telefono)
                            </div>
                        </td>
                        <td></td>
                    </tr>

                    <tr>
                        <td>Representante:  </td>
                        <td>
                            <div class="editor-field" style="width: 280px;">
                                @Html.TextBoxFor(model => model.Representante,
                                            new { style = "width: 280px;", placeholder = "Ingrese Representante Legal", id = "representante" })
                                @Html.ValidationMessageFor(model => model.Representante)
                            </div>
                        </td>
                    </tr>
                    <tr>
                        <th colspan="2">
                            @*<p>
                            <input type="submit" value="REGISTRAR" class="k-button"/>
                        </p>*@

                        </th>

                    </tr>
                </tbody>
            </table>

        </div>
        <br />
                        <p>
                            <input type="submit" value="Modificar" class="k-button" />
                        </p>

        
<div>
    @Html.ActionLink("Regresar", "Index")
</div>
    </fieldset>


        <style>
            table /*#detalleInv*/ {
                background: #FDBB30;
                border-radius: 5px;
                border-spacing: 0px;
                border: solid 1px;
            }

                table /*#detalleInv*/ thead {
                    background: #232322;
                    font-weight: 700;
                    color: white;
                }

            #monto {
                width: 50px;
            }

            /*#detAuspiciadores {
                width: auto;
            }*/

            #idAusp {
                width: 30px;
                background: #FDBB30;
                text-align: center;
                font-weight: 500;
                border: none;
            }
        </style>

        <div>@*style="float:left"*@
            <h3>Foto</h3>

            @if (Model.Logo != null)
            { 
                <div style="margin-right: 20px">@**@
                    <img width="75" height="75" src="@Url.Action("GetImage", "Auspiciador", new { id = Model.idAuspiciador })" />
                </div> 
            }
            <input type="file" name="image" id="image" />
        </div>

    @*
    </fieldset>*@
}


@section Scripts {
    @Scripts.Render("~/bundles/jqueryval")


    <!-- ################################################################# -->

    <script type="text/javascript">

        /******************  ACTIVAR ASUPICIADOR NATURAL  ******************/
        $("#cbTipoAuspiciador").change(function () {
            var valor = $(this).val();
            var opcion = $(this).find("option:selected");
            //alert(valor);
            if (valor == 'Jurídico') {
                //alert("seleccionar opcion!");
                //$(Object).find('.juridico').prop('disabled', false);//.removeAttr('disabled', 'disabled');
                //$(Object).find('#natural').prop('disabled', true);
                $('#rs').text("Razón Social: ");
                $('#rucdni').text("RUC: ");
                $("#ruc_dni").prop("maxlength", 11);
                $("#ruc_dni").prop("minlength", 11);
                $("#razonsocial").prop("placeholder", "Ingrese Razón Social");
                $("#ruc_dni").prop("placeholder", "Ingrese Nro. RUC");

                $('#legendTipo').text("Auspiciador Jurídico");
            }
            else if (valor == 'Natural') {
                //alert("seleccionar opcion!");
                //$(Object).find('.juridico').prop('disabled', true);//.removeAttr('disabled', 'disabled');
                //$(Object).find('#natural').prop('disabled', false);
                $('#rs').text("Nombres y Apellidos: ");
                $('#rucdni').text("DNI: ");
                $("#ruc_dni").prop("maxlength", 8);
                $("#ruc_dni").prop("minlength", 8);
                $("#ruc_dni").prop("ErrorMessage", "Error ");
                $("#razonsocial").prop("placeholder", "Ingrese Nombres y Apellidos");
                $("#ruc_dni").prop("placeholder" , "Ingrese Nro. DNI");
                //alert($("#ruc_dni").prop("minlength "));

                $('#legendTipo').text("Auspiciador Natural");
            }
        });

        /******************  Validar RUC/DNI  ******************/
        $(function () {
            $("#ruc_dni").focusout(function () {
                var ruc = $(this).val();
                //alert(dni);
                
                $.ajax({
                    url: "/Auspiciador/validarDni?dni=" + ruc,
                    success: (function (data) {
                        //alert(dni);
                        if (data.existe == true) {
                            alert("El RUC ya existe");
                            $("#ruc_dni").focus().select();
                        }
                    })
                })
                mensajeLength()
            })
        })

        function mensajeLength() {
            var count = $("#ruc_dni").prop("maxlength");
            if ($("#ruc_dni").val != "") {
                if ($('#ruc_dni').val().length != count) {
                    alert("Error, Ingreso:   " + $('#ruc_dni').val().length + "   dígitos, debe ingresar:   " + count + "   dígitos");
                }
            }
        }

        $(document).ready(function () {
            $("#ruc_dni").keydown(function (e) {
                // Permite: backspace, delete, tab, escape, enter and .
                if ($.inArray(e.keyCode, [46, 8, 9, 27, 13, 110, 190]) !== -1 ||
                    // Permite: Ctrl+A -----> para seleccionar todo el texto de la casilla
                    (e.keyCode == 65 && e.ctrlKey === true) ||
                    // Perimite: home, end, left, right
                    (e.keyCode >= 35 && e.keyCode <= 39)) {
                    // deja que suceda todo, no hacer nada
                    return;
                }
                // Se asegura de que se trata de un número y detiene la pulsación de tecla
                if ((e.shiftKey || (e.keyCode < 48 || e.keyCode > 57)) && (e.keyCode < 96 || e.keyCode > 105)) {
                    e.preventDefault();
                    //alert("hola");
                }
            });
        });

        $(document).ready(function () {
            $("#ruc").keydown(function (e) {
                // Permite: backspace, delete, tab, escape, enter and .
                if ($.inArray(e.keyCode, [46, 8, 9, 27, 13, 110, 190]) !== -1 ||
                    // Permite: Ctrl+A -----> para seleccionar todo el texto de la casilla
                    (e.keyCode == 65 && e.ctrlKey === true) ||
                    // Perimite: home, end, left, right
                    (e.keyCode >= 35 && e.keyCode <= 39)) {
                    // deja que suceda todo, no hacer nada
                    return;
                }
                // Se asegura de que se trata de un número y detiene la pulsación de tecla
                if ((e.shiftKey || (e.keyCode < 48 || e.keyCode > 57)) && (e.keyCode < 96 || e.keyCode > 105)) {
                    //if ($('#ruc').val().length != 8) {}
                        e.preventDefault();
                    
                }
            });
        });


        //////////////////

    </script>

}
